<!DOCTYPE html>
<html>
<body>
<p id="demo">点击这个按钮，获得您的坐标：</p>
<button onclick="getLocation()">试一下</button>
<script>
var x=document.getElementById("demo");
// 一件生成百度地图
// http://api.map.baidu.com/lbsapi/creatmap/

function getLocation() {//点击定位
// 
// navigator.userAgent  可以返回浏览器信息
  console.log( navigator.userAgent )  
    if(navigator.userAgent.indexOf("Chrome")!=-1){
        document.body.style.background="blue"
    }else if(navigator.userAgent.indexOf("Firefox")!=-1){
      document.body.style.background="green"
    }

  if (navigator.geolocation)  { //是否支持定位
      // navigator.geolocation.getCurrentPosition 获取地理定位
      // getCurrentPosition 方法的参数是一个函数
      // 回调函数
        navigator.geolocation.getCurrentPosition(function(position){
          //  position.coords.latitude--纬度
            // position.coords.longitude --经度
            x.innerHTML="Latitude: " + position.coords.latitude + 
            "<br />Longitude: " + position.coords.longitude;	
        });


    }
  
  }

  // 理解回调函数

  // function getCurrentPosition(fn){
  //   fn({x:"13123",y:"12312312"})
  // }

  // function showPosition(pos){
  //   pos---{x:"13123",y:"12312312"}
  // }
  // getCurrentPosition(showPosition)
</script>
</body>
</html>
